// 订单管理
<template>
 <van-pull-refresh v-model="isLoading" @refresh="onRefresh">
    <div>
       
        <div class="top12">
            <van-nav-bar  right-text="使用说明" left-arrow :fixed='true' @click-left="onClickLeft" :border='false'>
            
            <van-icon name="arrow-left" slot="left" color="black" size="0.4rem" />
            </van-nav-bar>
            <h2>我的优惠券</h2>
        </div>
        <div class="ios12">
            <div class="ioss12">
                <h2>
                    8折
                </h2>
                <div>
                    <h5>.通用券(1张)</h5>
                    <span>.有效期至2019-8-28</span>
                    <span>.使用地域 北京市</span>
                    <span>.使用期限 不含商品费，服务费</span>
                </div>
            </div>
        </div>
        <div class="ios12">
            <div class="ioss12">
                <h2>
                    8元
                </h2>
                <div>
                    <h5>.通用券(1张)</h5>
                    <span>.有效期至2019-8-28</span>
                    <span>.使用地域 北京市</span>
                    <span>.使用期限 不含商品费，服务费</span>
                </div>
            </div>
        </div>
        <div class="ios12">
            <div class="ioss12">
                <h2>
                    5元
                </h2>
                <div>
                    <h5>.通用券(1张)</h5>
                    <span>.有效期至2019-8-28</span>
                    <span>.使用地域 北京市</span>
                    <span>.使用期限 不含商品费，服务费</span>
                </div>
            </div>
        </div>
        <div class="ios12">
            <div class="ioss12">
                <h2>
                    5折
                </h2>
                <div>
                    <h5>.通用券(1张)</h5>
                    <span>.有效期至2019-8-28</span>
                    <span>.使用地域 北京市</span>
                    <span>.使用期限 不含商品费，服务费</span>
                </div>
            </div>
        </div>
    </div>
</van-pull-refresh>
</template>
<script>

    export default{
        data(){
            return{
               isLoading: false,
            }
            
        },
        methods:{
            onClickLeft(){
				this.$router.go(-1)
            },
             onRefresh() {
            setTimeout(() => {
                this.$toast('刷新成功');
                this.isLoading = false;
                this.count++;
            }, 500);
            },
            }
        
    }

</script>


<style>
    *{margin: 0 ;padding:0;}
    .top12{padding-bottom: 4%;margin-top: 1.5rem;}
    .top12 h2{margin-left:-63%;font-size: 16px}
    .ios12{ margin: 3% 5%}
    .ioss12{display: flex;justify-content: centter;align-items: center;padding-bottom:4%}
    .ioss12 h2{color:yellow;width: 3rem;height: 2.3rem;line-height: 2rem;border: 1px solid #ccc;border-radius: 10px;background: red}
    .ioss12 div{height: 2.3rem;width: 8rem;border-radius: 10px;display: flex;flex-direction: column;text-align: left;border: 1px solid #ccc;background: greenyellow}
    
</style>